import React from 'react'
import { useNavigate } from 'react-router-dom'
import { Button ,Toast} from 'antd-mobile'
import { LeftOutline,RightOutline,HeartFill } from 'antd-mobile-icons'
import './fruit.scss'
export default function Fruit() {
  const navigate = useNavigate()
  return (
    <div>
      <div className='fruit_back'>
        <Button onClick={() => navigate(-1)}><LeftOutline /></Button>
            果实币
      </div>
      <div className='fruit_main'>
                <div className='noFruit'>
                    <i><HeartFill /></i>
                    <h1>0.0</h1>
                    <hgroup>总余额（元）</hgroup>
                    <div className='fruit_go' onClick={() => {
                        // navigate('/find')
                    }}>去充值</div>
                </div>
            </div>
    </div>
  )
}
